<template>
  <div>
    <MyHeader></MyHeader>
    <!-- //!!全局的一级路由在这儿显示 -->
    <router-view></router-view>
    <MyFooter v-show="$route.meta.show"></MyFooter>
  </div>
</template>

<script>
import MyFooter from "./components/Footer/index";
import MyHeader from "./components/Header";

export default {
  name: "App",
  //!!注册局部组件！！
  components: { MyFooter, MyHeader },
  //!!向服务器发请求 获得数据  在这里发请求，避免了在其他小的组件里面切换的时候，会频繁的重复发请求
  mounted() {
    this.$store.dispatch("home/categoryList");
    this.$store.dispatch("home/containlist");
    this.$store.dispatch("home/getfloorlist");
  },
};
</script>
  
<style>
</style>
